Review: Apply Gestalt principles to project mockups 複習：在 Mockup 中應用格式塔原則
1. 相似性（Similarity）
在 Zia’s Pizza App 中：
所有配料選項（Toppings）使用了相同的尺寸、形狀、邊框、影象樣式和字型，使用者因此能快速理解這些是可多選的專案。
而麵糰（Crust）和醬料（Sauce）則使用了輪播式單選設計，透過風格區分功能性差異（單選 vs 多選），強化了相似性與差異性的對比。
2. 共同區域（Common Region）
被一個視覺區域（如邊框或背景）包圍的元素，被認為是一個關聯分組。
案例應用：Crust、Sauce 和 Toppings 各自被劃分到獨立的區域塊中。使用者可以直觀區分這些步驟，知道它們是個別操作環節，但又屬於一個統一流程。
3. 接近性（Proximity）
空間上靠得更近的元素，會被大腦認為是更相關聯的內容。
案例應用：Toppings 區域中，各個配料圖示靠得很近，說明它們是一組可以組合使用的選項。
而 Crust 與 Sauce 區域與配料區域之間有明顯空白，使用者能識別這些是分開的步驟或分類。
應用建議：如何最佳化你自己的設計
當你在自己的專案中準備應用格式塔原則時，可以遵循以下操作：
| 設計原則 | 你可以這樣檢查你的 mockup |
|---|---|
| 相似性 | 你是否使用了統一的顏色、形狀或字型來代表同類功能？是否明確區分了不同功能模組？ |
| 接近性 | 你是否將相關內容放得更近？不相關的內容是否適當留白？ |
| 共同區域 | 是否用邊框、背景色或卡片容器清晰地劃分內容組？區域之間是否邏輯分明？ |
關鍵要點總結
- 格式塔原則可以幫助你簡化使用者對介面結構的理解，讓視覺設計更直觀、連貫。
- 在主要使用者流程中，應至少一次使用這三項原則，以增強 UI 的可用性。
- 格式塔原則不僅適用於 App，也廣泛存在於日常場景（如超市陳列、網頁導航、產品卡片等），可以作為靈感參考。